<template>
  <div class="container">
    <div class="info  bdr-10">
      <div class="header">注册成为个人经纪商</div>
      <div class="body">
        个人经纪商适用于没有经营主体的个人。 可通过邀请企业会员线上交易获取佣金， 可以设置业务员。
      </div>
      <div class="footer">
        <el-button type="primary" round @click="$router.push('/register/process-0?isUnit=0')">立即注册</el-button>
      </div>
    </div>
    <div class="info  bdr-10">
      <div class="header">注册成为企业渠道商</div>
      <div class="body">
        企业渠道商适用于拥有产业互联网平台的企业。 可通过邀请企业会员线上交易获取佣金， 可以管理业务员，可视化统计业务量。
      </div>
      <div class="footer">
        <el-button type="primary" round @click="$router.push('/register/process-0?isUnit=1')">立即注册</el-button>
      </div>
    </div>
  </div>
</template>
<script lang="ts">
  import { Vue, Component } from 'vue-property-decorator'

  @Component
  export default class Guide extends Vue {
    mounted () {
      window.sessionStorage.setItem('invite', this.$route.query.id)
    }
  }
</script>
<style lang="less" scoped>
  .container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .info {
    padding: 0 32px;
    height: 306px;
    width: 396px;
    background: #fff;
    margin: 100px;
  }

  .header {
    line-height: 88px;
    color: #333;
    font-size: 20px;
    text-align: center;
  }

  .body {
    font-size: 16px;
    color: #666;
    line-height: 22px;

  }

  .footer {
    text-align: center;
    margin-top: 100px;
    .el-button {
      width: 240px;
    }
  }
</style>
